@import "variables.scss";
html, body {
  height: 100vh;
  width: 100vw;
  font-size: 12px;
}

::-webkit-scrollbar
{
    width:5px;
    height: 8px;
    background-color:#F5F5F5;
}
/*定义滚动条轨道：内阴影+圆角*/
::-webkit-scrollbar-track
{
    background-color:#F5F5F5;
}
/*定义滑块：内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius:10px;
    background-color:#cfcece;
}

/* hui reset start*/
/*input 输入框start*/
.h-input,
.h-input-type {
  height: 28px;
}
.h-input {
  border-radius: 2px;
}
.h-input-type {
  .h-input-clear {
    &::before {
      font-size: 14px;
    }
  }
}
.h-input-icon {
  cursor: pointer;
  height: 28px;
  line-height: 28px;
}
.h-input-readonly,
fieldset[readonly] .h-input {
  color: #333;
}
.h-input-group-prepend {
  border-radius: 2px;
  border-right: 0px;
}
.h-input-group-append {
  // background-color: #fff;
  border-radius: 2px;
  border-left: 0px;
}
.h-input-word-limit {
  background: none;
}
/*input 输入框end*/

/*InputNumber 数字输入框 start*/
.h-input-number {
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  .h-input-number-handler {
    height: 14px;
  }
  .h-input-number-input-wrap {
    height: 28px;
    .h-input-number-input {
      height: 28px;
      line-height: 28px;
      border-radius: 2px;
      padding: 0 8px;
    }
  }
}
.h-input-number-append {
  border-left: 1px solid #d7dde4;
  background-color: #fff;
}
/*InputNumber 数字输入框 end*/

/* typefield 金额框start */
.h-typefield {
  height: 28px;
  line-height: 28px;
  input {
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
  }
}
.h-typefield-group .h-typefield-left {
  border-radius: 2px;
}
.h-typefield-group-prepend,
.h-typefield-group-append {
  border-radius: 2px;
  background-color: #fff;
}
.h-typefield-group-prepend {
  border-right: 0px;
}
.h-typefield-group-append {
  border-left: 0px;
}
/* typefield 金额框end */

/* select 选择器start */
.h-select {
  height: 28px;
}
.h-select-selection {
  border-radius: 2px;
  .h-tag {
    margin-left: 4px;
    border: 1px solid #d9d9d9 !important;
    height: 22px;
    padding-right: 20px;
    padding-left: 4px;
    & > .h-icon {
      right: 4px;
    }
  }
}
.h-select-single .h-select-selection {
  height: 28px;
  &::hover {
    .icon-close {
      display: inline-block;
    }
  }
  .icon-close {
    display: none;
  }
}
.h-select-single .h-select-selection .h-select-placeholder,
.h-select-single .h-select-selection .h-select-selected-value {
  height: 26px;
  line-height: 26px;
}
.h-select-dropdown .h-select-dropdown-list .h-select-item {
  height: 28px;
}
.h-select-group-wrap {
  .h-select-group-title {
    height: 28px;
    line-height: 28px;
  }
  .h-select-item {
    padding: 7px 12px 7px 20px;
  }
}
.h-select-item {
  .h-checkbox-wrapper {
    margin-left: 0px;
    margin-right: 8px;
  }
}
.h-select-multiple .h-select-selection {
  height: 28px;
  padding-left: 0px;
  .h-select-placeholder {
    height: 26px;
    line-height: 26px;
  }
  .h-tag:nth-last-of-type(1) {
    padding-right: 4px;
    .h-tag-text:not(:only-child) {
      padding-right: 16px;
    }
  }
}
.h-tag {
  margin-top: 2px;
}
.h-select-content-input, .h-select-input{
	line-height: 28px;
	height: 28px;
}
/* select 选择器end */

/* button 按钮start */
.h-btn {
  padding: 4px 13px;
  border-radius: 2px;
}
/* button 按钮end */

/* datePicker 日期选择框start */
.h-date-picker {
  height: 28px;
}
.h-picker-confirm {
  .h-btn-text {
    border: 1px solid #D9D9D9;
    color: #333333;
    margin-right: 5px;
    padding: 0 8px;
  }
}
/* datePicker 日期选择框 end */

/* MsgBox弹框样式start */
.h-modal-header {
  border-bottom: 1px solid #EDEDED;
  padding: 0px 20px;
}
.h-modal-header p,
.h-modal-header-inner {
  color: #333333;
  display: inline;
  line-height: 40px;
}
.h-modal-close {
  color: #9d9d9d;
  top: 9px;
  .h-icon-close {
    font-size: 16px;
  }
}
.h-modal-body {
  padding: 20px 20px 0px;
}
.h-modal-footer {
  border: 0px;
  padding: 12px 20px 20px;
  display: flex;
  justify-content: flex-end;
  p {
    display: flex;
    justify-content: flex-end;
  }
  .h-btn {
    font-size: 12px;
  }
}
.h-modal-content {
  border-radius: 2px;
}
.h-modal-mask {
  background: rgba(51,51,51,0.50);
}
.h-modal-confirm {
  padding: 0px;
}
.h-modal-confirm-head-icon {
  &.h-modal-confirm-head-icon-confirm {
    color: #298dff;
  }
  left: 20px;
  i {
    font-size: 22px;
  }
}
.h-modal-confirm-head-title {
  margin-left: 28px;
  color: #333;
}
.h-modal-confirm-body {
  padding-left: 28px;
  padding-top: 8px;
  color: #333;
}
.h-modal-confirm-footer {
  padding: 20px 0px;
  margin-top: 0px;
  .h-btn {
    padding: 0px 13px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
  }
}
/* MsgBox弹框样式end */

/* 表单项样式start */
.h-form-item-content {
  line-height: 28px;
}
.text-area-item {
  .h-form-item-content {
    line-height: 18px;
  }
}
.h-form .h-form-item-label {
  line-height: 28px;
  padding-right: 8px;
}
.h-modal-body {
  .h-form-item {
    margin-bottom: 8px;
  }
}
.verify-tip.verify-bottom {
  margin-top: -4px;
}
.h-form-row {
  margin: 0px -5px;
  .h-form-item-content {
    line-height: 28px;
  }
  .h-form-item {
    padding: 0px 5px;
		margin-bottom: 10px;
  }
}
/* 表单项样式end */

/*radio group start*/
.h-radio-group-button .h-radio-wrapper{
	height: 30px;
  line-height: 28px;
	padding: 0 6px;
	&:first-child{
		border-radius: 2px 0 0 2px;
	}
	&:last-child{
		border-radius: 0 2px 2px 0;
	}
}
/*radio group end*/

/*h-tree start*/
.h-tree{
	.h-tree-item{
		line-height: 28px;
		.h-tree-arrow{
			.icon-ios-arrow-right:before{
				content: '\E72A';
			}
		}
	}
	ul li{
		margin: 0;
	}
}
/*h-tree end*/

// 表格样式部分 开始-----------------------------------------------------
.h-table th, .h-table td {
  font-size: 12px;
  color: #333333;
  line-height: 14px;
}
.h-table td {
	height: 32px;
  border-bottom: 1px solid #F2F2F2;
}
.h-table th {
  height: 36px;
  font-weight: bold;
  background-color: #F7F7F7;
  border-bottom: 1px solid #e6e6e6;
}
.h-table::after {
  width: 0;
}
.h-table-wrapper {
  border: 0;
  // min-height: 150px;
}
.h-table table {
  width: 100% !important;
}
.h-table::before {
  background-color: #e6e6e6;
}
.h-table-border th, .h-table-border td {
  border-right: 0;
}
.h-table-cell {
  padding-left: 8px;
  padding-right: 8px;
  .h-checkbox-wrapper {
    .h-checkbox-inner {
      width: 14px;
      height: 14px;
    }
  }
}
.h-table-fixed-right .h-table-cell, .h-table-fixed-right .h-table-hidden .h-table-cell{
	padding-left: 8px;
  padding-right: 8px;
}
// 表格样式部分 结束-----------------------------------------------------

/* TreeGrid扩展 树表格 start*/
.u-edittree-wrapper{
	border-left: 0;
	border-color: #F7F7F7;
	.u-edittree{
		&:before{
			height: 0;
		}
		&::after{
			width: 0;
		}
		&.u-edittree-border{
			td,
			 th{
					border-right: 0;
			}
		}
		&.u-edittree-stripe{
			.u-edittree-body tr:nth-child(2n) td,
			.u-edittree-fixed-body tr:nth-child(2n) td {
				background-color: #fafafa;
			}
		}
		td{
			border-bottom: 1px solid #F2F2F2;
			.u-edittree-cell .ope-btn{
				color: #298dff;
				cursor: pointer;
				padding: 0px 8px;
			}
		}
		th{
			height: 36px;
			&.u-edittree-head-border-bold{
				background-color: #F7F7F7;
				border-bottom: 1px solid #e6e6e6;
			}
		}
	}
}
/* TreeGrid扩展 树表格 end*/
/* hui reset start*/

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.full {
	width: 100%;
	height: 100%;
}

.ope-btns-bar{
	margin-top: 22px;
	margin-bottom: 20px;
	display: flex;
	.h-btn{
		min-width: 52px;
		padding: 4px 8px;
		margin-right: 16px;
	}
}